<template>
    <div class = "ReadBookDetail">
        <div class="header">
            <h3 class = "top-title">课程标题课程标题课程标题课程标题课程标题课程标题</h3>
            <p class = "top-desc">
                <span>作者名</span>
                <span>出版机构</span>
            </p>
        </div>
        <div class="content-container">
            <div class="content">
                <p>    课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介=====    课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介=====</p>
                <img v-if = "host" mode = "aspectFill" :src="host + '/images/broadcast_1.png'" alt="">
                <p>    课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介=====    课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介=====</p>
            </div>
            <div class="control">
                <div>2018-08-08</div>
                <div>
                    <button class="share" open-type = "share">分享</button>
                    <p class = "iconfont icon-iconfontfenxiang"></p>
                    <p>分享</p>
                </div>
            </div>
        </div>
        <div class = "delimiter"></div>
        <div class="comment">
            <h3>评价</h3>
            <ul class = "container">
                <li v-for = "v in 5" :key = "v">
                    <div class = "user-desc">
                        <img v-if = "host" mode = "aspectFill" :src="host + '/images/customer_1.png'" alt="">
                        <span>昵称</span>
                    </div>
                    <div class="content">
                        <p>    评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价评价</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footer">
            <div class = "input">填写下您的感想吧~</div>
            <div class = "control">
                <div>
                    <p class = "iconfont icon-liuyan"></p>
                    <p>100</p>
                </div>
                <div>
                    <p class = "iconfont icon-zan"></p>
                    <p>20</p>
                </div>
                <div>
                    <p class = "iconfont icon-shoucang"></p>
                    <p>150</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import HOST from "../../config/host"

export default {
    data(){
        return {
            host: HOST
        }
    }
}
</script>
<style lang = "scss" scoped>
    @import "index.scss";
</style>
